<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<title>登录界面</title>
<!--必要样式-->
<!-- input输入框样式  -->
<link href="static/login/css/styles.css" rel="stylesheet"
	type="text/css" />
<!-- 背景样式  -->
<link href="static/login/css/demo.css" rel="stylesheet"
	type="text/css" />
</head>
<body>
	<div class='login'>

		<div class='login_title'>
			<span>用户登录</span>
		</div>
		<div class='login_fields'>
			<form action="login" method="post">
			
				<div class='login_fields__user'>
					<div class='icon'>
						<img alt="" src='static/login/img/user_icon_copy.png'>
					</div>
					<input name="username" placeholder='用户名' maxlength="16" type='text' autocomplete="off" value="aaa" />
					<div class='validation'>
						<img alt="" src='static/login/img/tick.png'>
					</div>
				</div>
				
				<div class='login_fields__password'>
					<div class='icon'>
						<img alt="" src='static/login/img/lock_icon_copy.png'>
					</div>
					<input name="password" placeholder='密码' maxlength="16" type='password' autocomplete="off" value="1234">
					<div class='validation'>
						<img alt="" src='static/login/img/tick.png'>
					</div>
				</div>

				<div class='login_fields__submit'>
					<input type="submit" value='登录'> 
					<input type='button' value='注册'>
				</div>
			</form>
		</div>
		<div class='disclaimer'>
			<p>其他登录平台</p>
		</div>

	</div>

	<script src="static/login/js/jquery-1.12.4.min.js"></script>
	<script src="static/login/js/Particleground.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function(){
		    //粒子背景特效
		    $('body').particleground({
		        dotColor: '#E8DFE8',
		        lineColor: '#133b88'
		    });
		});
	   
	   
    </script>
</body>
</html>